/* -- categories/mosaic -- */
#categories {
  /*  ----- Categories mosaic  ----- */ }
  #categories {
    background-color: #f4f6f8;
    padding-bottom: 40px; }
    #categories .section-container {
      color: #ffffff !important;
      background: #f4f6f8; }
    #categories a {
      text-transform: uppercase;
      font-weight: 600; }
      #categories a div {
        text-align: left;
        height: 400px;
        background-size: cover;
        margin-bottom: 0;
        transition: all 0.3s ease 0s;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        background-position: center; }
        #categories a div:hover {
          -moz-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
          transition: all 0.3s ease 0s; }
        #categories a div * {
          font-weight: 600; }
    #categories h3 {
      color: #ffffff;
      font-size: 20px;
      text-align: center; }
    #categories .image-wrapper > * {
      text-shadow: 1px 1px 1px #555; }
    #categories .col-sm-4 {
      width: 32.333%;
      margin: 2px; }
    #categories .row {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
    #categories .image-wrapper {
      background-repeat: no-repeat;
      background-size: cover; }
    #categories .mosaic-column {
      overflow: hidden;
      padding: 0;
      float: none;
      display: inline-block; }
  @media (max-width: 800px) {
    #categories .col-sm-4 {
      width: 100%; } }